﻿/* ---------- BODY ------------ */
body
{
	margin: 0px;
	padding: 0px;
	background: #3B3B3B;
	font-size: 10px;
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #fff;
}

#header, #content, #footerBody
{
	width: 770px;
	margin: 0 auto;
}

/* ---------- HEADER ------------ */
#header
{
	height: 100px;
}

/* ---------- CONTENT ------------ */
#content
{
	height: 300px;
}

#content p.contentHeader
{
	background-color: #444444;
	color: #FFFFFF;
	display: block;
	height: 18px;
	margin: 0 0 16px;
	padding: 0;
	width: 100%;
}

a.headerBtn
{
	width: 115px;
	height: 18px;
	background: url(images/read_more_bg.gif) 0 0 no-repeat #3B3B3B;
	font: bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	float: right;
}
a.headerBtn:hover
{
	background: url(images/read_more_bg_hover.gif) 0 0 no-repeat #3B3B3B;
	color: #ffffff;
}

/* ---------- FOOTER ------------ */
#footer
{
	height: 185px;
	background: #232323 url(images/footer_bg.gif) repeat-x scroll 0 0;
}

#footerBody
{
	position: relative;
}

#footerLogo
{
	position: absolute;
	top: 20;
	width: 200px;
}

#companyInfo
{
	top: 20;
	right: 0;
	position: absolute;
	width: 280px;
}

#footerBody p.copyright
{
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	width: 236px;
	color: #ffffff;
	text-transform: none;
	text-align: center;
	position: relative;
	top: 20px;
}

#footerBody p.number
{
	width: 119px;
	height: 12px;
	font: bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #232323;
	position: relative;
	left: 42px;
	top: -4px;
}

#footerBody p.orange
{
	width: 36px;
	height: 12px;
	background-color: #B45B04;
	font: bold 11px/10px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	top: 20px;
}

#footerBody p.fax
{
	width: 119px;
	height: 12px;
	font: bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #232323;
	position: relative;
	left: 42px;
	top: -33px;
}
#footerBody p.green
{
	width: 36px;
	height: 12px;
	background-color: #509D01;
	font: bold 11px/10px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	top: -9px;
}

#footerBody p.e-blue
{
	width: 36px;
	height: 12px;
	background-color: #0B6799;
	font: bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	top: -38px;
}

#footerBody a.email
{
	width: 136px;
	font: normal 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #232323;
	text-decoration: none;
	position: relative;
	left: 46px;
	top: -61px;
}

#footerBody a.email:hover
{
	background-color: #0B6799;
	color: #fff;
}

#footerBody p.design
{
	display: block;
	width: 161px;
	height: 17px;
	position: relative;
	left: 12px;
	top: -60px;
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #232323;
	text-align: center;
}
#footerBody a.link
{
	font: bold 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #232323;
	text-align: center;
	text-decoration: none;
}
#footerBody a.link:hover
{
	color: #ffffff;
	background-color: #B45B04;
}

/* ---------- LOGIN ------------ */
.login_area
{
	background-image: url(images/loginbg.png);
	background-repeat: no-repeat;
	float: left;
	height: 170px;
	padding: 0;
	width: 286px;
}

.login_head
{
	background-image: url(images/login_head.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	float: left;
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	height: 33px;
	margin: 10px 0 0 10px;
	padding: 10px 0 0 38px;
	text-decoration: none;
	width: 230px;
}

.login_textarea
{
	color: #FFFFFF;
	float: left;
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px;
	text-decoration: none;
	width: 258px;
}

.login_name
{
	color: #A6A6A6;
	float: left;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 3px 10px 0 0;
	text-decoration: none;
	width: 55px;
}

/* ---------- BOTTOM MENU ------------ */
#footer ul{
	padding:0;
	margin:0;
	position:absolute;
	left:395px;
	top:28px;
	width:440px;
	list-style-type:none;
}
#footer ul li{
	margin:0;
	float:left;
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
}
#footer ul li a{
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 9px 0 9px;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	margin:0 9px 0 9px;
	float:left;
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
}

/* ---------- HEADER MENU ------------ */

#header ul{
	height:79px;
	left:232px;
	padding:0 0 0 36px;
	background-color:#191919;
	color:#ffffff;
	margin:0;
	width: 450px;
	list-style-type:none;
	float:right;
}
#header ul li.nav{
	float:left;
	margin:0;
	padding:0;
}
#header ul li.nav a{
	display:block;
	height:44px;
	padding:35px 10px 0 10px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#191919;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}
#header ul li.nav a:hover{
	background-color:#383838;
	color:#D9D9D9;
}